/* 全局上下顶边悬浮框 */
.vertical-full-dialog .el-dialog{
  width: 70%; // 可根据实际情况再页面设置
}

.vertical-full-dialog .el-dialog--center {
  margin-top: 0 !important;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.vertical-full-dialog .el-dialog__body {
  height: 100%;
  overflow: auto;
}
/* 靠右显示悬浮框 */
.vertical-full-dialog.right .el-dialog--center{
  margin-right: 0 !important;
  // min-width: 560px;
  min-width: 393px;
}

.vertical-full-dialog.el-dialog__wrapper {
  min-width: auto;
  overflow-y: hidden;
}

/* 悬浮框页脚 */
.el-dialog__header {
  border-bottom: solid 1px #dddddd;
  background: #f2f2f3;
  height: 50px;
  line-height: 50px;
  padding: 0px 20px!important;
}
/* 悬浮框页脚 */
.el-dialog__footer {
  background: #f2f2f3;
  border-top: solid 1px #dddddd;
  // background-image: -moz-linear-gradient(top, #f2f2f3, #adadad); /* Firefox */
  // background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f2f3), color-stop(1, #adadad)); /* Saf4+, Chrome */
  // filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f3', endColorstr='#adadad', GradientType='0'); /* IE*/
  padding: 10px 0;
}
.el-dialog__headerbtn {
  top: 18px;
}
.el-dialog__footer .el-button {
  padding: 10px 20px;
}
/* 垂直居中悬浮框 */
.vertical-middle-dialog .el-dialog {
  width: 50%;
  height: 90%;
  padding-top: 50px;
  padding-bottom: 57px;
  box-sizing: border-box;
}
.vertical-middle-dialog .el-dialog--center {
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.vertical-middle-dialog .el-dialog__header {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.vertical-middle-dialog .el-dialog__footer {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.vertical-middle-dialog .el-dialog__body {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 15px;
}